CSS Fonts

میتوانیم فونت یک تگ را خودمان مشخص کنیم

در مثال زیر فونت تمام صفحه را به tahoma تغییر داده ایم

 

 body {
  font-family: tahoma;
}

 

 

Google Fonts

ما میتوانیم فونت های پیش فرض سایت گوگل را داخل کدمان فراخوانی و استفاده کنیم

<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<style>
body {
  font-family: "Sofia", sans-serif;
}
</style>
</head>

 

تنظیمات فونت

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family

میتوانیم سایز یک فونت هم توسط font-size تغییر دهیم در مثال زیر فونت تمام تگ های p را به 30px تغییر داده ایم.

p {
  font-size: 30px;
}
p.b {
  font: italic small-caps bold 12px/30px Georgia, serif;
}

 

 

 

 

 

css-text (جلسه قبل)
جداول CSS Tables (جلسه بعد)

دوره های اخیر